<template>
  <!-- 预览文章对话框 -->
  <div class="container">
    <el-dialog
      title="预览文章"
      :visible="dialogFormVisible"
      @close="closeDialog"
    >
      <div class="title">
        <h4>{{ title }}</h4>
        <div>
          <span></span>
          <span></span>
          <span></span>
        </div>
      </div>

      <el-form-item>
        <!-- 按钮 -->
        <el-row type="flex" justify="center">
          <el-col :span="12">
            <el-button size="medium" @click="closeDialog"> 取消 </el-button>
            <el-button size="medium" type="primary" @click="submit">
              确定
            </el-button>
          </el-col>
        </el-row>
      </el-form-item>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: 'ArticlesAdd',
  props: {
    dialogFormVisible: {
      type: Boolean,
      default: false
    },
    id: {
      type: Number,
      default: null
    }
  },
  data () {
    return {}
  },
  methods: {
    // 关闭弹窗
    closeDialog () {
      this.$emit('update:dialogFormVisible', false)
    }
  }
}
</script>

<style scoped lang="less"></style>
